/* stylelint-disable at-rule-no-unknown */
@import "../../../style/default";
@import "../../button/style/mixin";

/* apes-button-list */
$button-list-prefix-cls: #{$style-prefix}-button-list;

.#{$button-list-prefix-cls}-btn {
  @include btn();
  font-size: $btn-list-font-size-base;
  margin: 2px 3px;
  &.#{$button-list-prefix-cls}-default {
    color: $btn-default-color;
    background-color: $btn-default-bg;
    border-color: $btn-default-border;
    &:hover, &:focus {
      outline: none;
      color: $btn-default-color;
      background-color: $btn-default-bg-h;
      border-color: $btn-default-border-h;
    }
  }
  &.#{$button-list-prefix-cls}-primary {
    color: $btn-primary-color;
    background-color: $btn-primary-bg;
    border-color: $btn-primary-border;
    &:hover, &:focus {
      color: $btn-primary-color;
      background-color: $btn-primary-bg-h;
      border-color: $btn-primary-border-h;
    }
  }
  &.#{$button-list-prefix-cls}-highlight {
    color: $btn-highlight-color;
    background-color: $btn-highlight-bg;
    border-color: $btn-highlight-border;
  }
  &.#{$button-list-prefix-cls}-disabled {
    @include button-disabled();
  }
}
